<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的会议</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet" />
	</head>
	<style>
		.mui-card .mui-control-content {
			padding: 10px;
		}
		.mui-control-content {
			height: 150px;
		}
		body{
			font-family: "微软雅黑";
		}
	</style>
	<body>
		
		<div class="mui-content">
			<div style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">
						待参加
					</a>
					<a class="mui-control-item" href="#item2">
						已结束
					</a>
				</div>
			</div>
			<div>
				<div id="item1" class="mui-control-content mui-active">
					<div id="scroll" >
						<div class="mui-scroll">
							<ul class="mui-table-view">
							    <li class="mui-table-view-cell mui-media">
							        <a href="./info.php">
							            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/apply-ic17.png">
							            <div class="mui-media-body">
							               	<p>"十二五"</p>
							                <p class='mui-ellipsis'><span><?php echo date('m月d日 h时i分')?></span>
							            </div>
							        </a>
							    </li>
							    <li class="mui-table-view-cell mui-media">
							        <a href="./info.php">
							            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/666.png">
							            <div class="mui-media-body">
							            	<p>"核高基"</p>
							                <p class='mui-ellipsis'><span><?php echo date('m月d日 H时i分')?></span><spn>&nbsp;&nbsp;第一会议室</spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="mui-badge mui-badge-purple">指派人员</span></p>
							            </div>
							        </a>
							    </li>
							    <li class="mui-table-view-cell mui-media">
							        <a href="./info.php">
							            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/666.png">
							            <div class="mui-media-body">
							            	<p>重大科技专项审核</p>
							                <p class='mui-ellipsis'><span><?php echo date('m月d日 h时i分')?></span><spn>&nbsp;&nbsp;第一会议室</spn>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="mui-badge mui-badge-purple">指派人员</span></p>
							            </div>
							        </a>
							    </li>
							</ul>
						</div>
					</div>
				</div>
				<div id="item2" class="mui-control-content">
					<ul class="mui-table-view">
					    <li class="mui-table-view-cell mui-media">
					       <a href="./info.php">
					            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/apply-ic17.png">
					            <div class="mui-media-body">
					            	<p>项目汇报会</p>
					                <p class='mui-ellipsis'><span><?php echo date('m月d日 h时i分')?></span><spn>&nbsp;&nbsp;第一会议室</spn>
					            </div>
					        </a>
					    </li>
					   <li class="mui-table-view-cell mui-media">
					       <a href="./info.php">
					            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/666.png">
					            <div class="mui-media-body">
					            	<p>国产电子化</p>
					                <p class='mui-ellipsis'><span><?php echo date('m月d日 h时i分')?></span><spn>&nbsp;&nbsp;第一会议室</spn>
					            </div>
					        </a>
					    </li>
					    <li class="mui-table-view-cell mui-media">
					       <a href="./info.php">
					            <img class="mui-media-object mui-pull-left" src="__PUBLIC__/Home/img/apply-ic17.png">
					            <div class="mui-media-body">
					            	<p>国产电子化公文项目汇报会</p>
					                <p class='mui-ellipsis'><span><?php echo date('m月d日 h时i分')?></span><spn>&nbsp;&nbsp;第一会议室</spn>
					            </div>
					        </a>
					    </li> 
					</ul>
				</div>
			</div>
		</div>


		<script src="__PUBLIC__/Home/js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			(function($) {
				$('#scroll').scroll({
					indicators: true //是否显示滚动条
				});
				var segmentedControl = document.getElementById('segmentedControl');
				$('.mui-input-group').on('change', 'input', function() {
					if (this.checked) {
						var styleEl = document.querySelector('input[name="style"]:checked');
						var colorEl = document.querySelector('input[name="color"]:checked');
						if (styleEl && colorEl) {
							var style = styleEl.value;
							var color = colorEl.value;
							segmentedControl.className = 'mui-segmented-control' + (style ? (' mui-segmented-control-' + style) : '') + ' mui-segmented-control-' + color;
						}
					}
				});
			})(mui);
		</script>
	</body>

</html>